<template>
	<view class="row" >
	
			<view style="width:375.5upx;" @click="openDetail">
				<image mode="widthFix" lazy-load :src="item.cover"></image>
				<view class="p-2 pt-1">
					<view class="font-md">{{item.title}}</view>
					<text class="d-block font text-light-muted">{{item.desc}}</text>
					<view class="d-flex my-1">
						<price>{{item.pprice}}</price>
						<view class="font-sm text-danger mr-1 line-h d-flex">
							<view class="line-h font-sm a-self-start">
								￥</view> 
							{{item.oprice}}
						</view>
					</view>
				</view>
			</view>
	
	</view>
</template>

<script>
	import price from "@/components/common/price.vue"
	export default{
		components:{
			price
		},
		props:{
			item: Object
		},
		
		methods:{
			openDetail(e){
				
				uni.navigateTo({
					url:'../../pages/detail/detail'
				})
			}
		}
		
	}
</script>

<style>
	
</style>
